<template>
  <div class="indexPage">
    <FoodclassSwiper></FoodclassSwiper>
    <div class="line"></div>
    <div class="Shop_List_Container">
      <div class="shop_header">
        <van-icon name="shop-o" />
        附近商家
      </div>
      <ul>
        <Shop_List getUrl="https://elm.cangdu.org/shopping/restaurants?latitude=31.22967&longitude=121.4762&order_by=5">
        </Shop_List>
      </ul>
    </div>
  </div>
</template>

<script>
  import Shop_List from '@/components/Shop_List.vue'
  import FoodclassSwiper from '@/components/FoodclassSwiper.vue'
  export default {
    data() {
      return {

      }
    },
    components: {
      FoodclassSwiper,
      Shop_List,
    }
  }
</script>

<style lang="less">
  .line {
    width: 100%;
    height: 20px;
    background-color: #F5F5F5;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
  }

  .shop_header {
    text-align: left;
    line-height: 45px;
    padding: 25px 15px;
    font-size: 30px;
    color: #999;
    vertical-align: middle;
  }
</style>